/*第一件事情：1.css编码集*: "utf8" 加载成utf-8*/
@charset "utf8" ;
/* 效果：所有div画圆  300*300  文本垂直居中放大
        都有的圆不同颜色
 */
div{
	width: 300px;
	height: 300px;
	border-radius: 50%;
	font-size: 10em; 
	line-height: 300px;
	text-align: center;
	/* 浮动，靠右，内容数据颠倒过来*/
	float: right;
}
.d1{
	background-color: aqua;
}
.d2{
	background-color: aquamarine;
}
.d3{
	background-color: blue;
}
.d4{
	background-color: yellow;
	margin-right: 300px;
}